iT邦幫忙

2022 iThome 鐵人賽

DAY 30
0
Modern Web

【每天5分鐘】學前端系列 第 30

Day30【每天5分鐘】學前端 | 三元運算子 & 結尾

  • 分享至 

  • xImage
  •  

鐵人賽來到 最後一天
謝謝這段時間 閱讀系列文的大家,
忽然覺得有點捨不得 (´•̥̥̥ω•̥̥̥`)

今天會補充之前文章有提過~但還沒說明的 三元運算子


三元運算子

使用到 三個運算元 ,是 if else單行簡寫
幫助我們編寫乾淨簡潔的程式碼。

格式如下:

條件 ? 條件若為 true 執行這段 : 條件若為 false 執行這段
A ? B : C // A 成立走 B , A 不成立走 C

舉例:

let score = 80;
let result = (score > 60) ? "過關" : "未通關";
console.log(result); //過關

問號前的 score > 60true ,所以執行冒號前的那段,顯示過關。

三元運算中還可以再加三元運算

A ? (B ? D : E) : C // A 成立走(B ? D : E), A 不成立走 C

附上三元運算子介紹 MDN 連結


結尾

很開心有 iT 邦幫忙這個地方,能夠交流所學。
文章留言和站內信的加油打氣我都有收到 ^O^/
有時候忙碌很想偷懶的時候,這些都是我繼續寫作的動力。
謝謝閱讀的各位,因為有你們~此系列文才能夠完成!

常常壓線發文,過程既緊張又艱辛,但很慶幸自己有參加這個活動。
查資料的過程我成長很多,希望分享的內容也能讓讀者有所收穫。

內容若有疏漏寫錯的部分,還請各位大大能夠告訴我。
/images/emoticon/emoticon41.gif /images/emoticon/emoticon41.gif

【每天5分鐘】學前端 的分享就到這邊囉,
(前言提到的 React 安裝 & Node.js 安裝,我會找時間截圖介紹)
日後若有其他想補充的內容,我會再發文的。
期待和大家一起養成 每天花一點時間學習新知 的習慣,共勉之。(◕ܫ◕)

下一次的鐵人賽,還沒有決定會不會參加
(其實今年也是很臨時發現到這個比賽,想沒多久就報名了 XD)
明年若有報名參賽,希望能分享多一點有關 JavaScript 的內容,
或者是開個介紹 Vue 或 React 的主題。

未來的一年,我也會持續學習、努力進步,
希望有更多東西可以和大家分享交流。
(我要繼續來查詢網域申請的資料,架設部落格了~笑)

感謝閱讀,我們下次再見囉~~~ /images/emoticon/emoticon29.gif


附錄:
Day01【每天5分鐘】學前端 | 前言
Day02【每天5分鐘】學前端 | 環境介紹 VS Code安裝 影片
Day03【每天5分鐘】學前端 | Live Server & VS Code 快捷鍵
Day04【每天5分鐘】學前端 | HTML 簡介 影片
Day05【每天5分鐘】學前端 | HTML 標籤 影片
Day06【每天5分鐘】學前端 | HTML 表格 table 影片
Day07【每天5分鐘】學前端 | HTML 表單 form 影片
Day08【每天5分鐘】學前端 | CSS 簡介 影片
Day09【每天5分鐘】學前端 | CSS 選取器 影片
Day10【每天5分鐘】學前端 | CSS box model & 開啟開發者工具 影片

Day11【每天5分鐘】學前端 | CSS 清單 ol & ul 樣式設定 影片
Day12【每天5分鐘】學前端 | CSS display 顯示類型 影片
Day13【每天5分鐘】學前端 | JavaScript 簡介 影片
Day14【每天5分鐘】學前端 | JavaScript 字串 string 影片
Day15【每天5分鐘】學前端 | JavaScript 數字 number
Day16【每天5分鐘】學前端 | JavaScript 布林值 boolean + 邏輯運算子
Day17【每天5分鐘】學前端 | JavaScript 比較運算子
Day18【每天5分鐘】學前端 | JavaScript 陣列 array
Day19【每天5分鐘】學前端 | JavaScript 物件 object
Day20【每天5分鐘】學前端 | JavaScript 流程控制 if else

Day21【每天5分鐘】學前端 | JavaScript 流程控制 switch case
Day22【每天5分鐘】學前端 | CSS RWD 響應式網頁設計
Day23【每天5分鐘】學前端 | JavaScript 迴圈控制 for
Day24【每天5分鐘】學前端 | JavaScript 迴圈控制 while
Day25【每天5分鐘】學前端 | JavaScript 函式 function
Day26【每天5分鐘】學前端 | 前端三大框架
Day27【每天5分鐘】學前端 | 切版前的 wireframe 線框圖
Day28【每天5分鐘】學前端 | 切版實作 HTML 篇
Day29【每天5分鐘】學前端 | 切版實作 CSS 篇
Day30【每天5分鐘】學前端 | 三元運算子 & 結尾

GitHub 所有程式碼


上一篇
Day29【每天5分鐘】學前端 | 切版實作 CSS 篇
系列文
【每天5分鐘】學前端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
overcast3579
iT邦新手 5 級 ‧ 2022-10-02 00:02:45

明天見?

謝謝女神30天的教學

Olivia iT邦新手 4 級 ‧ 2022-10-03 00:00:16 檢舉

/images/emoticon/emoticon25.gif 感謝你的收看~~~

0
隱士者
iT邦新手 4 級 ‧ 2022-10-02 09:11:52

恭喜完賽了,還剩影片教學 哈哈

Olivia iT邦新手 4 級 ‧ 2022-10-03 00:02:07 檢舉

謝謝 (^_^),影片來得及上字幕了

我要留言

立即登入留言